{extend name="template"}

{block name="body"}

<style>
    .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
        background-color: #fff;
    }
    .layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
        background-color:#F97100;
    }
    .layui-nav-item{line-height:50px !important;}
</style>
<div class="layui-fluid padding-0">

    <div class="layui-row" style="height:70px;">
        <div style="width:1024px;margin:0 auto;height:70px;text-align: left;">
            <div class="layui-inline" style="width:300px;margin-top:10px;height:60px;">
                <img style="height:50px;" src="__ROOT__/static/index/img/logo2_1.png">
            </div>
            <div class="layui-inline" style="width:460px;height:70px;line-height:70px;text-align: left;">
                <input placeholder="请输入关键字" style="padding:2px 5px;width:300px;border:1px solid #ccc;border-radius:4px;height:26px;" type="text" name="search" />
                <span style="font-size: 20px;" class="nav-icon padding-left-10 fa fa-search"></span>
            </div>
            <div class="layui-inline" style="width:262px;font-size:16px;height:70px;line-height:70px;">
                <span class="nav-icon fa fa-phone"></span>
                <span class="padding-left-5">客服热线：400-8008820</span>
            </div>
        </div>
    </div>

    <div class="layui-row" style="background-color:#89A52C;">
        <div style="width:1024px;margin:0 auto;height:50px;text-align: left;">
                <ul class="layui-nav" style="background-color:transparent;color:#282828;">
                    <li class="layui-nav-item " style="margin-right:20px;">
                        <a style="font-size:16px;font-family: 微软雅黑;color:#282828;" href="">首页</a>
                    </li>
                    <li class="layui-nav-item " style="margin-right:20px;">
                        <a style="font-size:16px;font-family: 微软雅黑;color:#282828;" href="">关于协会组织</a>
                    </li>
                    <li class="layui-nav-item " style="margin-right:20px;">
                        <a style="font-size:16px;font-family: 微软雅黑;color:#282828;" href="">政策法规</a>
                    </li>
                    <li class="layui-nav-item " style="margin-right:20px;">
                        <a style="font-size:16px;font-family: 微软雅黑;color:#282828;" href="">行业动态</a>
                    </li>
                    <li class="layui-nav-item " style="margin-right:20px;">
                        <a style="font-size:16px;font-family: 微软雅黑;color:#282828;" href="">企业园地</a>
                    </li>
                    <li class="layui-nav-item " style="margin-right:20px;">
                        <a style="font-size:16px;font-family: 微软雅黑;color:#282828;" href="">产品介绍&nbsp;&nbsp;</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;">设备产品</a></dd>
                            <dd><a href="javascript:;">生产产家</a></dd>
                            <dd><a href="javascript:;">其他产品</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item " style="margin-right:20px;">
                        <a style="font-size:16px;font-family: 微软雅黑;color:#282828;" href="">教育培训</a>
                    </li>
                </ul>
        </div>
    </div>

    <div class="layui-row">
        <div class="layui-carousel" id="test1">
            <div carousel-item>
                <div><img src="__ROOT__/static/index/img/banner2_1.jpg"></div>
                <div><img src="__ROOT__/static/index/img/banner2_1.jpg"></div>
            </div>
        </div>
    </div>

    <div class="layui-row" style="margin-top:20px;">
        <div style="width:1024px;margin:0 auto;text-align: left;">
                <div style="margin:0 auto;width:160px;text-align:center;border-bottom:1px solid #89a52c;padding-bottom:5px;font-size:20px;">
                    <span style="padding:0 20px;font-weight:bold;color:#89a52c;">企业介绍</span>
                </div>
                <div style="margin-top:10px;">
                    <div style="padding:10px 5px;">
                        <div style="font-family: 微软雅黑;font-size: 14px;text-indent:30px;line-height:22px;">
                            我国大规模开发利用天然气的条件已经成熟。在全球天然气发展的大格局下，中国能源结构“气化”进程也在明显加快，我国能源管理部门和能源企业已经意识到了发展天然气的重要意义，中国已经随着世界的脚步走向以气为主的能源结构调整新阶段。未来五年，天然气消费将有较快发展。
                            我国大规模开发利用天然气的条件已经成熟。在全球天然气发展的大格局下，中国能源结构“气化”进程也在明显加快，我国能源管理部门和能源企业已经意识到了发展天然气的重要意义，中国已经随着世界的脚步走向以气为主的能源结构调整新阶段。未来五年，天然气消费将有较快发展。
                        </div>
                    </div>
                </div>
        </div>
    </div>

    <div class="layui-row" style="margin-top:20px;">
        <div style="width:1024px;margin:0 auto;height:100px;text-align: left;">

            <div style="float:left;width:500px;margin-right:24px;">
                <div style="width:100%;border-bottom:1px solid #89a52c;padding-bottom:5px;font-size:16px;">
                    <span style="padding-left:10px;font-weight:bold;color:#89a52c;">热点新闻</span>
                </div>
                <div style="margin-top:10px;height:120px;">
                    <div>
                        <div style="float:left;width:200px;">
                            <img style="height:100px;width:200px;" src="__ROOT__/static/index/img/intro.jpg">
                        </div>
                        <div style="text-indent:20px;float:left;width:290px;font-size:13px;padding:2px 4px;">
                           我国大规模开发利用天然气的条件已经成熟。在全球天然气发展的大格局下，
                                中国能源结构“气化”进程也在明显加快，我国能源管理部门和能源企业已经意识到了发展天然
                                气的重要意义，中国已经随着世界的脚步走向以气为主的能源结构调整新阶段。
                                未来五年，天然气消费将有较快发展。
                        </div>
                    </div>
                </div>
                <div style="padding:10px 5px;">
                    <ul style="font-size:14px;line-height:22px;">
                        <li style="padding:5px 2px;border-bottom:1px dashed #ccc;">
                            <span style="color:#ccc;padding-right:20px;">[2020-05-02]</span>
                            <span>我国大规模开发利用天然气的条件已经成熟。</span>
                        </li>
                        <li style="padding:5px 2px;border-bottom:1px dashed #ccc;">
                            <span style="color:#ccc;padding-right:20px;">[2020-05-02]</span>
                            <span>我国大规模开发利用天然气的条件已经成熟。</span>
                        </li>
                        <li style="padding:5px 2px;border-bottom:1px dashed #ccc;">
                            <span style="color:#ccc;padding-right:20px;">[2020-05-02]</span>
                            <span>我国大规模开发利用天然气的条件已经成熟。</span>
                        </li>
                        <li style="padding:5px 2px;border-bottom:1px dashed #ccc;">
                            <span style="color:#ccc;padding-right:20px;">[2020-05-02]</span>
                            <span>我国大规模开发利用天然气的条件已经成熟。</span>
                        </li>
                        <li style="padding:5px 2px;">
                            <span style="color:#ccc;padding-right:20px;">[2020-05-02]</span>
                            <span>我国大规模开发利用天然气的条件已经成熟。</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div style="float:left;width:500px;">
                <div style="width:100%;border-bottom:1px solid #89a52c;padding-bottom:5px;font-size:16px;">
                    <span style="color:#89a52c;padding-left:10px;font-weight:bold;">行业动态</span>
                </div>
                <div>
                    <dl style="display: block;height: 100px;margin-top:10px;">
                        <dt style="float:left;">
                            <img style="height:90px;width:120px;" src="__ROOT__/static/index/img/news1.jpg">
                        </dt>
                        <dd style="float:left;font-size:14px;padding:3px 5px;">
                            伴随石油一起开低烃类气体称石油伴生气。
                        </dd>
                    </dl>
                    <dl style="display: block;height: 100px;">
                        <dt style="float:left;">
                            <img style="height:90px;width:120px;"  src="__ROOT__/static/index/img/news2.jpg">
                        </dt>
                        <dd style="float:left;font-size:14px;padding:3px 5px;">
                            伴随石油一起开低烃类气体称石油伴生气。
                        </dd>
                    </dl>
                    <dl style="display: block;height: 100px;">
                        <dt style="float:left;">
                            <img style="height:90px;width:120px;"  src="__ROOT__/static/index/img/news3.jpg">
                        </dt>
                        <dd style="float:left;font-size:14px;padding:3px 5px;">
                            伴随石油一起开低烃类气体称石油伴生气。
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row" style="margin:40px 0;">
        <div style="width:1024px;margin:0 auto;border:1px solid #89A52C;">
        </div>
    </div>

    <div class="layui-row" style="margin-top:20px;">
        <div style="width:1024px;margin:0 auto;height:100px;text-align: left;">
            <div style="margin-top:10px;text-align: center;">
                <div style="width: 250px;margin-right:8px;float:left;">
                    <div style="display: inline-block;">
                        <img style="height:140px;width:150px;"  src="__ROOT__/static/index/img/icon2_question.jpg">
                    </div>
                    <div style="width: 250px;font-size:13px;line-height:24px;">
                        需要帮助
                    </div>
                </div>
                <div style="width: 250px;float:left;margin-right:8px;">
                    <div style="width: 250px;">
                        <img style="height:140px;width:150px;"  src="__ROOT__/static/index/img/icon2_edit.jpg">
                    </div>
                    <div style="width: 250px;font-size:13px;line-height:24px;">
                        在线留言
                    </div>
                </div>
                <div style="width: 250px;margin-right:8px;float:left;">
                    <div style="width: 250px;display: inline-block;">
                        <img style="height:140px;width:150px;"  src="__ROOT__/static/index/img/icon2_hot.jpg">
                    </div>
                    <div style="width: 250px;display: inline-block;font-size:13px;line-height:24px;">
                        燃气常识
                    </div>
                </div>
                <div style="width: 250px;float:left;">
                    <div style="width: 250px;">
                        <img style="height:140px;width:150px;"  src="__ROOT__/static/index/img/icon2_vedio.jpg">
                    </div>
                    <div style="width: 250px;font-size:13px;line-height:24px;">
                        视频宣传
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row" style="margin-top:40px;background-color: #666;">
        <div style="width:1024px;margin:0 auto;height:140px;text-align: left;padding-top:40px;font-size:14px;line-height:24px;color:white;">
            <div style="width:240px;float:left;">
                <img style="height:60px;" src="__ROOT__/static/index/img/logo2_2.png">
            </div>
            <div style="width:320px;float:left;padding-left:50px;">
                <div>地址：长沙市天心区刘家冲路11号</div>
                <div>24小时服务电话：322334454554</div>
                <div>举报监督电话：323253545</div>
                <div>备案号：323242342334</div>
            </div>
            <div style="float:left;padding-left:30px;margin-top:-20px;text-align: center;">
                <div style="float:left;">
                    <img style="height:120px;width:120px;" src="__ROOT__/static/index/img/qrcode.png">
                </div>
                <div style="height:120px;line-height:120px;float:left;margin-left:20px;">扫一扫，关注我们的微信公众号</div>
            </div>
        </div>
    </div>
</div>
{/block}

{block name='style'}
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<script>if (location.href.indexOf('#') > -1) location.replace(location.href.split('#')[0])</script>
<link rel="stylesheet" href="__ROOT__/static/index/index.css">
{/block}

{block name='script'}
<script src="__ROOT__/static/index/index.js"></script>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,height: '450px'
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>
{/block}
